<template>
  <div class="two">
    <div class="wrapper">
      <div class="a">
        <div class="b">
          <img src="@/assets/school/1.jpg">
        </div>
        <div class="c">
          <h2 class="h2">我校举行五四表扬大会暨校园之星事迹分享会</h2>
          <h3 class="h3">2024-05-07</h3>
          <p class="start">
            5月6日下午，我校在会堂举行2024年“五四”表扬大会暨“奋斗的青春最美丽”校园之星事迹分享会。校党委副书记刘立新，相关职能部门负责人，各二级学院党组织书记、分团委书记及师生代表共计1000余人参会。
          </p>
        </div>
        <a href="https://www.pzhu.cn/info/1037/17984.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/2.jpg">
        </div>
        <div class="c">
          <h2 class="h2">我校举行“自律的青春最美丽”五四表彰大会</h2>
          <h3 class="h3">2023-05-05</h3>
          <p class="start">
            5月4日下午，我校在会堂举行2023年“五四”表彰大会暨“自律的青春最美丽”校园之星事迹分享会。校党委副书记、纪委书记彭徐，党委副书记胥刚，相关职能部门负责人，各二级学院分管学生工作领导、分团委书记及团员青年代表参加大会。大会由团委书记王鹃主持。
          </p>


        </div>
        <a href="https://www.pzhu.cn/info/1037/16055.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/3.jpg">
        </div>
        <div class="c">
          <h2 class="h2">我校举办2021年五四表彰大会暨“自律的青春最美丽”校园之星事迹分享会</h2>
          <h3 class="h3">2021-05-07</h3>
          <p class="start">
            5月6日下午，我校2021年五四表彰大会暨“自律的青春最美丽”校园之星事迹分享会在会堂举行。校领导王斌、王曙光、胥刚、石维富出席会议。
          </p>


        </div>
        <a href="https://www.pzhu.cn/info/1037/9771.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/4.jpg">
        </div>
        <div class="c">
          <h2 class="h2">康养学院开展“百年接续 奋斗有我”五四青年节专题教育活动</h2>
          <h3 class="h3">2021-04-29 </h3>
          <p class="start">
            在五四青年节即将来临之际，为弘扬“爱国进步民主科学”的五四精神，加强毕业生党员党性教育，增强青年大学生的责任意识、担当意识，4月28日下午，康养学院毕业生党员和在校学生干部代表走进东华街道文华社区，与社区青年联合开展“百年接续
            奋斗有我”五四青年节专题教育活动。
          </p>

        </div>
        <a href="https://www.pzhu.cn/info/1040/9691.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/5.jpg">
        </div>
        <div class="c">
          <h2 class="h2">
            我校召开座谈会，深入学习贯彻习近平总书记在纪念五四运动100周年大会上的重要讲话精神</h2>
          <h3 class="h3">2019-05-22</h3>
          <p class="start">
            5月20日下午，我校在办公楼四楼会议室召开了学习贯彻习近平总书记在纪念五四运动100周年大会上的重要讲话精神座谈会。学校党委副书记、纪委书记彭徐参加会议并总结讲话。校团委相关负责人，附属医院、各二级学院团委书记，优秀青年代表、团学干部代表参加了座谈会。 </p>


        </div>
        <a href="https://www.pzhu.cn/info/1037/1615.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/6.jpg">
        </div>
        <div class="c">
          <h2 class="h2">我校举行纪念五四运动100周年表彰大会暨2019年毕业季青春歌会</h2>
          <h3 class="h3">2019-05-11</h3>
          <p class="start">
            5月11日下午，我校“青春心向党·建功新时代”纪念五四运动100周年表彰大会暨2019年毕业季青春歌会在学校会堂举行。学校党委副书记、校长王曙光，党委副书记、纪委书记彭徐，党委副书记胥刚及学校各相关职能部门负责人与获奖团体、个人及学生代表共同纪念五四运动100周年，弘扬百年五四精神，深入学习贯彻习近平总书记在五四运动100周年大会上的重要讲话精神。
          </p>


        </div>
        <a href="https://www.pzhu.cn/info/1037/1606.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/7.jpg">
        </div>
        <div class="c">
          <h2 class="h2">数计学院举办纪念五四运动100周年活动暨班级合唱比赛</h2>
          <h3 class="h3">2019-05-07 </h3>
          <p class="start">
            5月5日晚，数学与计算机学院在学校会堂举行了纪念五四运动100周年活动暨“传承五四，唱响青春”班级合唱比赛。校党委副书记、校长王曙光出席并颁奖。攀枝花市文化艺术中心国家二级演员乐源、数计学院党政负责人及全院师生1000余人观看了比赛。 </p>
        </div>
        <a href="https://www.pzhu.cn/info/1040/3200.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/8.jpg">
        </div>
        <div class="c">
          <h2 class="h2">纪念五四运动 共话青年发展— —我校举办校领导与青年面对面活动</h2>
          <h3 class="h3">2019-05-06 </h3>
          <p class="start">
            5月5日下午，我校在CJ1-2教室举办“纪念五四运动
            共话青年发展”---校领导与青年面对面活动。学校党委书记肖立军，党委副书记、纪委书记彭徐出席活动。组织人事部、宣传统战部、学生处、教务处、团委、招就处等部门相关负责人以及150余名优秀青年学生代表参加此次活动。活动由团委副书记王鹃主持。
          </p>


        </div>
        <a href="https://www.pzhu.cn/info/1037/1602.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/9.jpg">
        </div>
        <div class="c">
          <h2 class="h2">我校组织师生收看纪念五四运动100周年大会直播</h2>
          <h3 class="h3">2019-04-30 </h3>
          <p class="start">
            4月30日上午10时30分，纪念五四运动100周年大会在人民大会堂隆重举行。中共中央总书记、国家主席、中央军委主席习近平出席大会并发表重要讲话。校领导、各单位相关负责人及150余名青年代表在CJ1-2集中收看了大会直播，各部门、各学院组织师生员工，通过电视、网络、两微一端等途径，收看了大会直播，认真聆听了习近平总书记在纪念五四运动100周年大会上的重要讲话。
          </p>
        </div>
        <a href="https://www.pzhu.cn/info/1037/1601.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div class="a">
        <div class="b">
          <img src="@/assets/school/10.jpg">
        </div>
        <div class="c">
          <h2 class="h2">我校举办“青春心向党·建功新时代”纪念五四运动100周年特别主题团日活动</h2>
          <h3 class="h3">2019-04-29 </h3>
          <p class="start">
            4月29日上午，我校在阳光广场举行“青春心向党·建功新时代”纪念五四运动100周年特别主题团日活动。活动包括升旗仪式、现场讲授微团课、团员学生代表献词朗诵、入团宣誓等内容。学校党委副书记、校长王曙光出席活动并为新团员颁发团员证。学校党委副书记、纪委书记彭徐出席活动并讲话。
          </p>
        </div>
        <a href="https://www.pzhu.cn/info/1037/1599.htm" target="_blank"
           title="" class="clearfix">查看完整信息</a>
      </div>
      <el-divider></el-divider>
      <div style="width: 80%;height: 400px;background: transparent">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "攀大五四",
};
</script>

<style scoped>
.a {
  display: flex;
  position: relative;
  width: 70%;
  height: 350px;
  margin: 0 auto;
  border: white 10px solid;
  background-color: transparent;
  top: 20px;
  border-radius: 0 40px 0 40px;
  overflow: hidden;
}

.b {
  position: absolute;
  padding-left: 50px;
  width: auto;
  height: auto;
  left: -150px;
  top: 50%;
  transform: translateY(-50%);
  transition: 1s;
}


.a:hover:before {
  width: 104%;
  height: 100%;
  left: -2%;
  top: 0%;
  content: '';
  box-shadow: 3px 35px 77px -17px rgba(139, 0, 18, 0.5);
}

.a:before {
  content: '';
  background-color: #8b0012;
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 0;
  left: 0%;
  top: 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  border-radius: 0 15px 0 15px;
}

.a:hover:after {
  content: '';
  width: 104%;
  height: 100%;
  background: url(https://news.pku.edu.cn/images/20190504/li_bg2.svg) no-repeat bottom right;
  overflow: hidden;
  position: absolute;
  right: 2%;
  top: 0;
  z-index: 11;
  pointer-events: none;
}


.copy img {
  width: 100%;
  height: 100%;
}

.b img {
  display: inline-block; /* 或者 display: inline; */
  vertical-align: middle;
  width: 50%;
  height: auto;
  max-width: 600px;
  max-height: 400px;
  border: white 5px solid;
  border-radius: 5px;
}

.c {
  max-width: 650px;
  position: absolute;
  width: 70%;
  height: 70%;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.c .h2 {
  font-size: 28px !important;
  font-family: '微软雅黑', Arial, sans-serif !important;
  color: #b22222;
  margin-bottom: 10px;
  border-bottom: 2px solid #b22222;
  padding-bottom: 5px;
  line-height: 1.2;
}

.c .h3 {
  font-size: 18px !important;
  font-family: 'Roboto', serif;
  color: #666;
  margin-bottom: 15px;
}

.c .start {
  font-size: 18px !important;
  font-family: 'Noto Serif SC', sans-serif;
  color: #333;
  line-height: 1.6;
  text-align: justify;
}

.a a {
  padding-top: 10px;
  position: absolute;
  color: #fff;
  font: 900 28px '';
  bottom: 10px;
  right: 10px;
}

.c span {
  transition: .5s 1s;
  color: white;
  font: 500 15px '';
  position: absolute;
  justify-content: center;
  /*margin: 0 auto;

  /*top: 70px;*/
}

.c p {
  color: white;
  font-family: '微软雅黑';
  padding-bottom: 10px;
}

.a:hover .b span {
  pointer-events: none;
  transition: 1s, .5s;
  top: 105px;
}

.a:hover .b h2 {
  pointer-events: none;
  transition: 1s .5s;
  opacity: 1;
}

.two {
  width: 100vw;
  height: 100vh;
  /*background: pink;*/
  overflow: hidden;
  background: white url("@/assets/back/1.jpg");
  background-size: cover;
}


.back-home img {
  margin-top: 7px;
  width: 90%;
  transition: 0.5s;
}

.back-home:hover img {
  transform: scale(1.2);
}

.el-carousel__item img {
  width: 100%;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  background: transparent;
  height: 100%;
  overflow-y: scroll;
  /* opacity: 0.9; */
}

.wrapper::-webkit-scrollbar {
  display: none;
}

.h2 {
  font-size: 20px !important;
  font-family: '宋体';
  padding-bottom: 5px;
}

.h3 {
  font-size: 25px !important;
  font-family: 'Times new roman';
  padding-bottom: 5px;
}

.clearfix:hover {
  color: yellow;
}

</style>
